@import "./scss/_normalize.scss";
@import "./scss/_base.scss";
@import "./scss/_funvar.scss";
@import "./scss/_mDialogRem.scss";
@import "./iconfont/iconfont.css";
@import "./scss/_uplaoder.scss";

.coms-container{

}
.border-t-20{
   border-top:px2rem(20px) solid #f6f6f6;
}
.border-b-20{
   border-bottom:px2rem(20px) solid #f6f6f6;
}
.iconfont {
    font-size: px2rem(32px);
}
.coms-btn {
    height: px2rem(88px);
    line-height: px2rem(88px);
    border: 1px solid #f69125;
    border-radius: px2rem(5px);
    width: 100%;
    display: block;
    text-align: center;
    color: #b38e58;
    font-size: px2rem(36px);
   

    &.primary {
        color: #fff;
        background: #f69125;

        &:active,&:hover{
            color: #fff;
            background: darken(#f69125, 5%);
        }
    }

    &:active {
        color: #fff;
        background: darken(#be8e5d, 5%);
    }

    &.disabled,
    &[disabled] {
        background: #e6e6e6;
        color: #bfbfbf;
        border-color: #e6e6e6;
    }
}


.coms-nodata {
    padding: px2rem(80px) 0;

    .cpic-icon {
        text-align: center;

        i {
            font-size: px2rem(52px);
            color: #999;
        }
    }

    .txt {
        text-align: center;
        font-size: px2rem(32px);
        color: #999;
        margin-top: px2rem(20px);
    }

}



/**
 * 下拉加载更多************************************
 */


.coms-dropload-load,
{
    height: px2rem(100px);
    line-height: px2rem(100px);
    text-align: center;
    color: #666;
     font-size: px2rem(28px);
}

.coms-dropload-load .loading {
    display: inline-block;
    height: px2rem(30px);
    width:px2rem(30px);
    border-radius: 100%;
    margin: 0 px2rem(10px);
    border: px2rem(4px) solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.dropload-container .dropload-noData {
    height: px2rem(100px);
    line-height: px2rem(100px);
    color: #666 !important;

}


.pl30{
    padding-left:px2rem(30px);
}

.pr30{
    padding-right:px2rem(30px);  
}


.pt30{
    padding-left:px2rem(30px);
}

.pb30{
    padding-right:px2rem(30px);  
}

.mt30{
    margin-top:px2rem(30px);
}
.mb30{
    margin-top:px2rem(30px);
}

.mt50{
    margin-top:px2rem(50px);
}
.mb50{
    margin-top:px2rem(50px);
}